 
<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>ms-duplex3</title>
        <script src="avalon.js"></script>
        <script>
            var model = avalon.define('test', function(vm) {
                vm.aaa = "aaa"
                vm.$watch("aaa", function(v) {
                    console.log(v + " $watch")
                })
            })
            window.onload = function() {

                var aaa = document.getElementById("aaa")
                setTimeout(function() {
                    console.log(111111111111)
                    aaa.value = "llll"
                }, 1500)

                setTimeout(function() {
                    console.log(222222222222)
                    aaa.value = "hhhh"
                }, 2000)
                setTimeout(function() {
                    console.log(33333333333)
                    aaa.value = "hhhh"
                }, 2500)
                setTimeout(function() {
                    console.log(444444444)
                    aaa.value = "yyyy"
                }, 3000)
            }

        </script>
    </head>
    <body ms-controller="test">
        <input ms-duplex="aaa" id="aaa">

    </body>
</html>